﻿<%@ Page 
    Language="C#" 
    AutoEventWireup="True" 
    CodeBehind="Default.aspx.cs"
    Inherits="Gaiaware.Web.SkinSandbox.Default" %>

<%@ Register src="Usercontrols/ThemeSelector.ascx" tagname="ThemeSelector" tagprefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="DefaultSandBoxStyles.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <uc1:ThemeSelector ID="ThemeSelector1" runat="server" />
    <h1>
        Skin Sandbox </h1>
 
    <div class="section small-controls">
        <h1>
            Basic Controls</h1>
        <div>
            <h2>
                Button</h2>
            <gaia:Button runat="server" ID="btn" Text="Click me" OnClick="btn_Click" />
            <gaia:Label ID="lblBtn" runat="server"></gaia:Label>
        </div>
        <div>
            <h2>
                LinkButton</h2>
            <gaia:LinkButton ID="lnkBtn" runat="server" OnClick="lnkBtn_Click">LinkButton</gaia:LinkButton><gaia:Label
                ID="lblLnkBtn" runat="server"></gaia:Label><br />
            <gaia:LinkButton ID="lnkBtnDisabled" runat="server" Enabled="False">LinkButton Enabled=false</gaia:LinkButton>
        </div>
        <div>
            <h2>
                Label</h2>
            <gaia:Label ID="lbl" runat="server" Text="Hello, this is a bold and green Label"
                Font-Bold="true" ForeColor="Green" />
        </div>
        <div>
            <h2>
                CheckBox</h2>
            <gaia:CheckBox ID="cbx" runat="server" AutoPostBack="True" OnCheckedChanged="cbx_CheckedChanged"
                Text="Check me" />
            <gaia:Label ID="lblCheckBox" runat="server"></gaia:Label>
        </div>
        <div>
            <h2>
                ImageButton</h2>
            <gaia:ImageButton ID="imgBtn" runat="server" ImageUrl="~/images/buy_license.png" OnClick="imgBtn_Click" />
            <gaia:Label ID="lblImgBtn" runat="server"></gaia:Label>
        </div>
        <div>
            <h2>
                Panel</h2>
            <gaia:Panel ID="Panel1" runat="server">
                This is inside a panel
            </gaia:Panel>
        </div>
        <div>
            <h2>
                RadioButton</h2>
            <gaia:RadioButton ID="rbtn" runat="server" AutoPostBack="True" OnCheckedChanged="rbtn_CheckedChanged"
                Text="Click me" />
            <gaia:Label ID="lblRbtn" runat="server"></gaia:Label>
        </div>
        <div>
            <h2>
                GridView</h2>
            <gaia:GridView ID="grid" runat="server" OnInit="grid_Init">
            </gaia:GridView>
        </div>
        <div>
            <h2>
                ListBox</h2>
            <gaia:ListBox ID="lbx" runat="server" AutoPostBack="True" OnSelectedIndexChanged="lbx_SelectedIndexChanged">
                <asp:ListItem>ListItem 1</asp:ListItem>
                <asp:ListItem>ListItem 2</asp:ListItem>
                <asp:ListItem Selected="True">ListItem 3</asp:ListItem>
            </gaia:ListBox>
            <gaia:Label ID="lblLbx" runat="server"></gaia:Label>
        </div>
        <div>
            <h2>
                Timer</h2>
            <gaia:Timer runat="server" ID="timer" Enabled="false" OnTick="timer_OnTick" />
            <gaia:Button runat="server" ID="btnToggleTimer" Text="Toggle Timer (CausesValidation=false)"
                CausesValidation="false" OnClick="btnToggleTimer_Click" />
            <gaia:Label runat="server" ID="lblTimer" />
        </div>
    </div>
    <div class="section">
        <h1>
            Extension Controls</h1>
        <div class="small-container">
            <h2>
                AutoCompleter</h2>
            <gaia:AutoCompleter ID="autocompleter" runat="server" OnGetAutoCompleterItems="autocompleter_GetAutoCompleterItems"
                OnSelectionChanged="autocompleter_SelectionChanged" />
            <gaia:Label ID="lblAutocompleter" runat="server"></gaia:Label>
        </div>
        <div class="small-container">
            <h2>
                Calendar</h2>
            <gaia:Calendar ID="cal" runat="server" OnSelectedDateChanged="cal_SelectedDateChanged"
                Format="yyyy.MM.dd" OnCalendarDayClicking="cal_CalendarDayClicking" OnDayRender="cal_DayRender" />
            <gaia:Label ID="lblCalendar" runat="server" />
        </div>
        <div class="small-container">
            <h2>
                DateTimePicker</h2>
            <gaia:DateTimePicker ID="dtp" runat="server" HasTimePart="true" HasDropDownButton="true" />
        </div>
        <div class="small-container">
            <h2>
                DynamicImage</h2>
            <gaia:DynamicImage runat="server" ID="dynamicImage" />
        </div>
        <div class="small-container">
            <h2>
                ExtendedButton
            </h2>
            <gaia:ExtendedButton ID="extendedButton" runat="server" Text="This is an ExtendedButton"
                OnClick="extendedButton_Click" />
            <gaia:Label ID="lblExtendedButton" runat="server" /><br />
            <gaia:ExtendedButton ID="extendedButton4" runat="server" Toggled="true" Text="Toggled" /><br />
            <gaia:ExtendedButton ID="extendedButton1" runat="server" Enabled="false" Text="Disabled" /><br />
            <gaia:ExtendedButton ID="extendedButton2" runat="server" ImageCssClass="extbutton-icon"
                Text="With Icon" />
        </div>
        <div class="small-container">
            <h2>
                InPlaceEdit
            </h2>
            <gaia:InPlaceEdit ID="inplaceedit" runat="server" Text="Edit me" OnTextChanged="inplaceedit_OnTextChanged" /><br />
            <gaia:InPlaceEdit ID="inplaceedit1" runat="server" Text="Edit me (multiline)" SingleLine="false" OnTextChanged="inplaceedit_OnTextChanged" /><br />
            <gaia:InPlaceEdit ID="inplaceedit2" runat="server" Text="Edit me (Has buttons)" HasButtons="true" OnTextChanged="inplaceedit_OnTextChanged" /><br />
            <gaia:Label ID="lblInplaceedit" runat="server" Font-Bold="true" />
        </div>
        <div class="small-container">
            <h2>
                Slider
            </h2>
            <gaia:Slider runat="server" ID="slider" OnValueChanged="slider_OnValueChanged" />
            <gaia:Label runat="server" ID="lblSlider" />
            <gaia:Slider runat="server" ID="sliderVertical" OnValueChanged="slider_OnValueChanged" DisplayDirection="Vertical"
                Height="150px" Width="15px" />
                <gaia:Slider runat="server" ID="sliderDisabled" Enabled="false" />
        </div>
        <div class="small-container">
            <h2>
                TreeView
            </h2>
            <gaia:TreeView ID="TreeView1" runat="server" CssClass="gaiax">
                <gaia:TreeViewItem runat="server" CssClass="gaiax" ID="TreeViewItem1">
                    New Item 1
                </gaia:TreeViewItem>
                <gaia:TreeViewItem ID="TreeViewItem2" runat="server" CssClass="gaiax">
                    New Item 2
                </gaia:TreeViewItem>
                <gaia:TreeViewItem ID="TreeViewItem3" runat="server" CssClass="gaiax">
                    New Item 3
                </gaia:TreeViewItem>
                <gaia:TreeViewItem ID="TreeViewItem4" runat="server" CssClass="gaiax">
                    New Item 4
                </gaia:TreeViewItem>
                <gaia:TreeViewItem ID="TreeViewItem5" runat="server" CssClass="gaiax">
                    New Item 5
                </gaia:TreeViewItem>
            </gaia:TreeView>
        </div>
        <br style="clear: both;" />
        <div>
        <a name="ExtendedPanel" />
            <h2>
                ExtendedPanel</h2>
            <gaia:ExtendedPanel ID="ExtendedPanel1" runat="server" Collapsed="True">
                Welcome to the content of the extendedPanel<br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
            </gaia:ExtendedPanel>
        </div>
        <div>
        <a name="TabControl" />
            <gaia:TabControl ID="TabControl1" runat="server">
                <gaia:TabView runat="server" ID="TabView1" Caption="TabView1" 
                    Style="display: block;">
                    <gaia:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button inside a tabcontrol">
                    </gaia:Button>
                    <gaia:Label ID="lblInsideTabView1" runat="server"></gaia:Label>
                </gaia:TabView>
                <gaia:TabView ID="TabView2" runat="server" Caption="TabView2" Style="display: none;">
                </gaia:TabView>
                <gaia:TabView ID="TabView3" runat="server" Caption="TabView3" Style="display: none;">
                </gaia:TabView>
                <gaia:TabView ID="TabView4" runat="server" Caption="TabView4" Style="display: none;">
                </gaia:TabView>
                <gaia:TabView ID="TabView5" runat="server" Caption="TabView5 (disabled)" Style="display: none;"
                    Enabled="False">
                </gaia:TabView>
                <gaia:TabView ID="TabView6" runat="server" Caption="TabView6" 
                    Style="display: none;">
                </gaia:TabView>
            </gaia:TabControl>
        </div>
        <div>
            <h2>
                Window</h2>
            <p>
                <gaia:ExtendedButton ID="extBtnOpenWindow" runat="server" OnClick="extBtnOpenWindow_Click"
                    Text="Toggle Window (CausesValidation=false)" CausesValidation="False" />
                <gaia:Window ID="wnd" runat="server" Height="200px" Width="200px" Visible="false"
                    Modal="true">
                </gaia:Window>
            </p>
        </div>
        <div>
            <h2>
                Toolbar</h2>
            <gaia:Toolbar runat="server" ID="toolbar" Width="500px">
                <gaia:ToolbarItem ID="ToolbarItem1" runat="server" Animation="Blind">
                    Edit
                    <gaia:ToolbarItem ID="ToolbarItem2" runat="server" IconCssClass="icon-house">
                        <gaia:LinkButton runat="server" ID="copyBtn" OnClick="itemCommand" Text="Copy" />
                    </gaia:ToolbarItem>
                    <gaia:ToolbarItem ID="ToolbarItem3" runat="server" IconCssClass="icon-computer">
                        <gaia:LinkButton runat="server" ID="cutBtn" OnClick="itemCommand" Text="Cut" />
                    </gaia:ToolbarItem>
                    <gaia:ToolbarItem ID="ToolbarItem4" runat="server" IconCssClass="icon-nofolder">
                        <gaia:LinkButton runat="server" ID="pasteBtn" OnClick="itemCommand" Text="Paste" />
                    </gaia:ToolbarItem>
                    <gaia:ToolbarItem ID="ToolbarItem5" runat="server" IconCssClass="icon-musicfolder">
                        <gaia:LinkButton runat="server" ID="previewBtn" OnClick="itemCommand" Text="Preview" />
                    </gaia:ToolbarItem>
                </gaia:ToolbarItem>
                <gaia:ToolbarItem ID="ToolbarItem6" runat="server" Animation="Blind">
                    Format
                    <gaia:ToolbarItem ID="ToolbarItem7" runat="server" IconCssClass="icon-folder">
                        <gaia:LinkButton runat="server" ID="hyperlinkBtn" OnClick="itemCommand" Text="Hyperlink" />
                    </gaia:ToolbarItem>
                    <gaia:ToolbarItem ID="ToolbarItem8" runat="server" IconCssClass="icon-trashcan" Animation="Blind">
                        Text Formatting &gt;
                        <gaia:ToolbarItem ID="ToolbarItem9" runat="server" IconCssClass="icon-writer">
                            <gaia:LinkButton runat="server" ID="boldBtn" OnClick="itemCommand" Style="font-weight: bold;"
                                Text="Bold" />
                        </gaia:ToolbarItem>
                        <gaia:ToolbarItem ID="ToolbarItem10" runat="server" IconCssClass="icon-refresh">
                            <gaia:LinkButton runat="server" ID="italicsBtn" Style="font-style: italic;" OnClick="itemCommand"
                                Text="Italics" />
                        </gaia:ToolbarItem>
                        <gaia:ToolbarItem ID="ToolbarItem11" runat="server" IconCssClass="icon-drivers">
                            <gaia:LinkButton runat="server" ID="underlineBtn" Style="text-decoration: underline;"
                                OnClick="itemCommand" Text="Underline" />
                        </gaia:ToolbarItem>
                        <gaia:ToolbarItem ID="ToolbarItem12" runat="server" IconCssClass="icon-package">
                            <gaia:LinkButton runat="server" ID="strikeBtn" Style="text-decoration: line-through;"
                                OnClick="itemCommand" Text="Strike-through" />
                        </gaia:ToolbarItem>
                    </gaia:ToolbarItem>
                    <gaia:ToolbarItem ID="ToolbarItem13" runat="server" IconCssClass="icon-mouse" Animation="Blind">
                        Select Font &gt;
                        <gaia:ToolbarItem ID="ToolbarItem14" runat="server" IconCssClass="icon-writer">
                            <gaia:LinkButton runat="server" ID="arial" Style="font-family: Arial;" OnClick="itemCommand"
                                Text="Arial" />
                        </gaia:ToolbarItem>
                        <gaia:ToolbarItem ID="ToolbarItem15" runat="server" IconCssClass="icon-cd">
                            <gaia:LinkButton runat="server" ID="verdana" Style="font-family: Verdana;" OnClick="itemCommand"
                                Text="Verdana" />
                        </gaia:ToolbarItem>
                        <gaia:ToolbarItem ID="ToolbarItem16" runat="server" IconCssClass="icon-flower">
                            <gaia:LinkButton runat="server" ID="times" Style="font-family: Time New Roman;" OnClick="itemCommand"
                                Text="Times New Roman" />
                        </gaia:ToolbarItem>
                        <gaia:ToolbarItem ID="ToolbarItem17" runat="server" IconCssClass="icon-warning">
                            <gaia:LinkButton runat="server" ID="microsoft" Style="font-family: Microsoft Sans Serif;"
                                OnClick="itemCommand" Text="MS Sans Serif" />
                        </gaia:ToolbarItem>
                    </gaia:ToolbarItem>
                </gaia:ToolbarItem>
            </gaia:Toolbar>
            <gaia:Label ID="lblToolbar" runat="server"></gaia:Label>
        </div>
        <div>
            <h2>
                Accordion</h2>
            <gaia:Accordion ID="acc" runat="server">
                <gaia:ExtendedPanel runat="server" ID="accExtPnl1">
                    First ExtendedPanel<br /><br /><br /><br /><br />
                </gaia:ExtendedPanel>
                <gaia:ExtendedPanel runat="server" ID="accExtPnl2">
                    Second ExtendedPanel</gaia:ExtendedPanel>
                <gaia:ExtendedPanel runat="server" ID="accExtPnl3">
                    Third ExtendedPanel</gaia:ExtendedPanel>
            </gaia:Accordion>
        </div>
    </div>
    <div class="section">
        <h1>
            Community Extension Controls</h1>
        <div>
            <h2>
                Google Maps</h2>
            <gaia:GMap runat="server" ID="gmap" Height="300px" Width="500px" />
        </div>
        <div>
            <h2>
                MultiFileUpload</h2>
            <gaia:FileUpload runat="server" ID="fileUpload" />
        </div>
        <div>
            <h2>
                SpeedDetector</h2>
            <gaia:SpeedDetector runat="server" ID="speedDetector" DownloadSize="1048576" OnSpeedDetectionComplete="speedDetector_SpeedDetectionComplete" />
            <gaia:Button ID="btnSpeedDetector" runat="server" Text="Start Test" Enabled="true"
                OnClick="btnSpeedDetector_Click" />
            <gaia:Label ID="lblSpeedDetector" runat="server" />
        </div>
        <div>
            <h2>
                FishEyeMenu</h2>
            <gaia:FishEyeMenu ID="fishEyeMenu" runat="server" Threshold="150"
                EndSize="96" StartSize="48">
                <img src="imagethumbs/autumn.jpg" />
                <img src="imagethumbs/breakwater.jpg" />
                <img src="imagethumbs/coast.jpg" />
                <img src="imagethumbs/dark_beach.jpg" />
                <img src="imagethumbs/new_york.jpg" />
            </gaia:FishEyeMenu>
        </div>
    </div>
    <div class="section">
        <h1>
            Validation Controls</h1>
        <%--<div>
            <gaia:ValidationSummary ID="ValidationSummary1" runat="server" />
            <gaia:TextBox ID="txtToValidate" runat="server"></gaia:TextBox>
            <gaia:Button ID="btnValidate" runat="server" Text="Validate" />
            <br />
            RequiredValidator:
            <gaia:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtToValidate"
                ErrorMessage="Fill something in the field">*</gaia:RequiredFieldValidator>
            <br />
            RegularExpression Validator - Required Email Address:
            <gaia:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
                ControlToValidate="txtToValidate" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                ErrorMessage="It needs to be an email">*</gaia:RegularExpressionValidator>
            <br />
        </div>--%>
    </div>
    </form>
</body>
</html>
